<script >
export default{
    data(){
        return {
            count:0,
            obj:{
                nes:{int:0},
                arr:['foo','bar']
            }
        }
    },
    methods:{
        inc(){
            this.count++
        },
        mut(){
            this.obj.nes.int++
            this.obj.arr.push('bz')
        }
    },
    mounted(){
        this.inc()
    }
}
</script>

<template>  
<input type="button" value="点击" v-on:click="inc" >{{ count }}

<p>
    <input type="button" value="深层响应性" v-on:click="mut">{{obj.nes }}
    <div>{{ obj.arr }}</div>
</p>
</template>

<style scoped>

</style>
